<template>
    <div id="app">
        <div>
            <transition name="pull-up">
            <router-view/>
            </transition>
        </div>
        <my-tabbar></my-tabbar>
    </div>
</template>
<script>

  import MyTabBar from './components/tabbar.vue';
  import {initCartGoodsNum} from './api/carts'
  import {initOrdersNum} from './api/order/submit'

  export default {
    components: {
      'my-tabbar': MyTabBar
    },
    mounted () {
      initCartGoodsNum();
      initOrdersNum();
    }
  };
</script>
<style lang="less">
    /**
    * 覆盖 vant
     */
    #app {
        img {
            width: 100%;
            height: 100%;
        }
        .van-nav-bar__text {
            color: #b6b6b6;
        }
        /**
        × 返回按钮
         */
        .van-nav-bar .van-icon {
            font-size: 16px;
            font-weight: 900;
            color: #b6b6b6;
        }
        .van-card{
            background: #fff;
        }

/*        .van-card__footer {
            right: inherit;
        }*/
        .van-card__title {
            max-height: 20px;
        }
    }
/*    body {
        background: #fafafa;
    }*/

    #app {

        .my-nav {
            background: #fff; //rgb(242, 242, 242);
            color: #666;
            box-shadow: 2px 2px 1px #f2f2f2;
            /*box-shadow: 2px 2px 5px 2px #ddd;*/
        }
    }


</style>
